<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <link href="../../../node_modules/mocha/mocha.css" rel="stylesheet" />
</head>

<body>
  <div id="mocha">
    <h1>Please check console!</h1>
  </div>

  <script>
  const registration = navigator.serviceWorker.register('/test/fetch-api/service-worker/sw.bundle.js', {
    scope: '/test/fetch-api/service-worker/'
  })
    .catch(err => console.error(`Registration failed with ${error}`));

  const logChannel = new BroadcastChannel('sw-logger');
  logChannel.addEventListener('message', event => {
    console.log(...event.data);
  });

  const resChannel = new BroadcastChannel('sw-result');
  resChannel.addEventListener('message', event => {
    window.__mochaResult__ = JSON.parse(event.data);

    // Avoids manually unregister to see output in the console
    registration
      .then(reg => reg.unregister())
      .catch(err => console.error(`Unregistration failed with ${error}`));
  });
  </script>
</body>

</html>
